<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>世界战争模拟器</title>
    <link rel="stylesheet" href="style.css">
    <script src="settings.js"></script>
    <script src="terrain.js"></script>
    <script src="building.js"></script>
    <script src="unit.js"></script>
</head>
<body>
    <div class="game-container">
        <div class="header">
            <h1>世界战争模拟器</h1>
            <div class="game-info">
                <div id="turn-info">回合: <span id="turn-number">1</span> | 当前玩家: <span id="current-player">蓝方</span></div>
                <div id="resources">
                    <div class="resource blue">蓝方资源: <span id="blue-resources">100</span></div>
                    <div class="resource red">红方资源: <span id="red-resources">100</span></div>
                </div>
            </div>
        </div>
        
        <div class="game-board" id="game-board"></div>
        
        <div class="controls">
            <div class="unit-controls">
                <h3>部署单位</h3>
                <button id="deploy-infantry" class="unit-btn">步兵 (10资源)</button>
                <button id="deploy-tank" class="unit-btn">坦克 (30资源)</button>
                <button id="deploy-artillery" class="unit-btn">炮兵 (25资源)</button>
            </div>
            <div class="game-controls">
                <button id="end-turn">结束回合</button>
                <button id="restart-game">重新开始</button>
            </div>
        </div>
        
        <div class="status-bar" id="status-bar">
            游戏开始! 蓝方先行动
        </div>
    </div>
    
    <script src="game.js"></script>
</body>
</html>